<template>
  <view class="safe-bottom" :class="[!isNvue && 'safe-area-inset-bottom']"> </view>
</template>

<script>
export default {
  data() {
    return {
      safeAreaBottomHeight: 0,
      isNvue: false,
    }
  },
  mounted() {
    // #ifdef APP-NVUE
    // 标识为是否nvue
    this.isNvue = true
    // #endif
  },
}
</script>

<style lang="scss" scoped>
.safe-bottom {
  /* #ifndef APP-NVUE */
  width: 100%;

  /* #endif */
  &--inset-bottom {
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
</style>
